<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
<meta name="keywords" content="{$SEO['keyword']}">
<meta name="description" content="{$SEO['description']}">
<link href="{HOME_PATH}css/style.css" rel="stylesheet" type="text/css" />
<link href="{HOME_PATH}css/media.css" rel="stylesheet" type="text/css">
<link href="{HOME_PATH}css/reset.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{HOME_PATH}css/font-awesome.min.css">
<link rel="stylesheet" href="{HOME_PATH}css/animate.min.css">
<link rel="stylesheet" type="text/css" href="{HOME_PATH}css/idangerous.swiper.css">
<script type="text/javascript" src="{HOME_PATH}js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/idangerous.swiper.min.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/swiper.animate1.0.2.min.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/jquery.superslide.2.1.2.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/wow.min.js"></script>
<script type="text/javascript">
  $(function(){
     new WOW().init();
     $(".imgbox").hover(function(){
        $(this).find("img").eq(0).addClass("scale-1x");
    },function(){
        $(this).find("img").eq(0).removeClass("scale-1x");
    })});
</script>
</head>
<body>
<div class="smallest-screen"></div>
<div class="webmain">
  {template "content","header"}
  {template "content","top"}
  <section class="met_section"> {template "content","left"}
    <article>
      <div class="met_article">
        <section class="met_article_head">
          <h1>{$title}</h1>
        </section>
        <div class="met_clear"></div>
        <div class="p14-infolist-1-list"> 
            {pc:content action="lists" catid="$catid" num="25" order="id DESC" page="$page"}
            {loop $data $r}
          <dl>
            <dt> <a href="{$r[url]}"><img alt="{$r[title]}" src="{thumb($r[thumb],110,0)}" class="tupian" loadwidth="240" loadheight="145"></a> </dt>
            <dd>
              <h4><a href="{$r[url]}"> {$r[title]} </a></h4>
              <div class="p14-infolist-1-list-desc"> {$r[description]} </div>
              <div class="p14-infolist-1-list-deta"> <a href="{$r[url]}"> 了解详情 </a> </div>
            </dd>
          </dl>
          {/loop}
          {/pc} </div>
        <div class="met_clear"></div>
        <div class="met_pager"> {$pages}</div>
      </div>
    </article>
    <div class="met_clear"></div>
  </section>
  {template "content","footer"} </div>
</body>
</html>